.picker-area{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	.mask{
		height: 50%;
		background-color: rgba($color: #000000, $alpha: 0.4);
	}
	.content{
		height: 50%;
		background-color: #FFFFFF;
		// overflow-y: scroll;
		.tabbar{
			display: flex;
			justify-content: space-between;
			height: 88rpx;
			padding: 0 32rpx;
			position: fixed;
			z-index: 999;
			top: 50%;
			left: 0;
			right: 0;
			background-color: #FFFFFF;
			&::after{
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				height: 1px;
				background-color: #EEEEEE;
			}
			.tab{
				display: flex;
				justify-content: flex-start;
				// align-items: center;
				height: 100%;
				.item{
					display: flex;
					align-items: center;
					height: 100%;
					padding: 0 18rpx;
					font-size: 28rpx;
					color: #999999;
				}
				.select{
					color: #333333 !important;
					font-weight: 550;
					position: relative;
					&::after{
						content: "";
						position: absolute;
						bottom: 0;
						left: 0;
						right: 0;
						height: 8rpx;
						border-radius: 999px;
						background-color: $uni-default-color;
					}
				}
			}
			.sure{
				display: flex;
				align-items: center;
				font-size: 28rpx;
				color: #999999;
			}
		}
		.list{
			padding-top: 88rpx;
			padding-bottom: constant(safe-area-inset-bottom);
			padding-bottom: env(safe-area-inset-bottom);
			box-sizing: border-box;
			height: 100%;
			.red{
				color: $uni-default-color !important;
			}
			.item{
				height: 96rpx;
				line-height: 96rpx;
				padding-left: 32rpx;
				font-size: 28rpx;
				color: #333333;
				position: relative;
				&::after{
					content: "";
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					height: 1px;
					background-color: #EEEEEE;
				}
			}
		}
	}
}